<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>给元素设置最小或者最大尺寸</title>
    <style>

        /*
        说明:
            1. min-width - 元素的最小宽度
            2. min-height - 元素的最小高度
            3. max-width - 元素的最大宽度
            4. max-height - 元素的最大高度
        */

        .first {
            border: 5px solid green;
            /*该属性会控制浏览器的可最小窗口大小*/
            min-height: 100px;
        }
        .second {
            border: 5px solid green;
            max-width: 100px;
        }

    </style>
</head>
<body>
<p class ="first">本段的<strong>最小高度</strong>设置为100px。</p>
<p class ="second">本段的<strong>最大宽度</strong>设置为100像素。</p>
</body>
</html>